<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">

<head>
    <div th:replace="m/head :: head"></div>

    <title>发票详情</title>
</head>

<body class="body-gray">

<!--公用头部-->
<div th:replace="m/head :: body('banner.hidden', 'head-no-menu', '发票详情')"></div>


<!--主体内容-->
<div class="payment-content">
    <!--发票信息-->
    <div class="payment-box">
        <h3>发票信息</h3>
        <div class="con">
            <ul>
                <li>
                    <div class="left">发票类型</div>
                    <div class="right" cus:dict="receipt-type,${orderReceipt.type}"></div>
                </li>
                <li>
                    <div class="left">发票抬头</div>
                    <div class="right" th:text="${orderReceipt.title eq 1 ? '个人' : orderReceipt.unitName}"></div>
                </li>
                <li>
                    <div class="left">发票内容</div>
                    <div class="right">短视频拍摄</div>
                </li>
                <li>
                    <div class="left">发票总额</div>
                    <div class="right" th:text="${'￥' + #numbers.formatDecimal(orderReceipt.price,1,2) + '元'}"></div>
                </li>
                <li>
                    <div class="left">发票税号</div>
                    <div class="right" th:text="${orderReceipt.dutyNo}"></div>
                </li>
            </ul>
        </div>
    </div>

    <!--收票人信息-->
    <div class="payment-box">
        <h3>收票人信息</h3>
        <div class="con">
            <ul>
                <li>
                    <div class="left">姓名</div>
                    <div class="right" th:text="${orderReceipt.receiveName}"></div>
                </li>
                <li>
                    <div class="left">手机</div>
                    <div class="right" th:text="${orderReceipt.contactPhone}"></div>
                </li>
                <li th:if="${orderReceipt.type eq 1}">
                    <div class="left">地址</div>
                    <div class="right" th:text="${orderReceipt.postStreet}"></div>
                </li>
                <li th:if="${orderReceipt.type eq 2}">
                    <div class="left">邮箱</div>
                    <div class="right" th:text="${orderReceipt.contactEmail}"></div>
                </li>
            </ul>
        </div>
    </div>

    <!--邮寄信息-->
    <div class="payment-box last-box">
        <h3>邮寄信息</h3>
        <div class="con">
            <ul>
                <li>
                    <div class="left">快递公司</div>
                    <div class="right">顺丰</div>
                </li>
                <li>
                    <div class="left">快递单号</div>
                    <div class="right"></div>
                </li>
            </ul>
        </div>
    </div>

</div>

<div th:replace="m/foot :: foot"></div>

</body>

<div th:replace="m/foot :: footer('')"></div>

</html>